<template>
  <div class="bg-box">
    <Nav></Nav>
    <div class="main-box">
     
      <div class="relationChart">
        <RelationChart></RelationChart>
      </div>
    </div>
  </div>
</template>

<script setup>
import Nav from "@/components/Nav.vue";
import RelationChart from "@/components/chart/RelationChart.vue";
import { ref } from 'vue'
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const to = (url) => {
  router.push(url);
};
const value = ref('')

const options = [
  {
    value: 'Option1',
    label: 'Option1',
  },
  {
    value: 'Option2',
    label: 'Option2',
  },
  {
    value: 'Option3',
    label: 'Option3',
  },
]
</script>

<style scoped>
.bg-box {

  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-box {}

.relationChart {
  width: 1500px;
  height: 700px;
}
</style>